* {
  padding: 0;
  margin: 0;
}


.currentbtn {
  //高亮按钮
  padding: 8px 24px;
  border-radius: 4px;
  background: #027aff;
  color: #ffffff;
  border: 1px solid #027aff;
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  outline:none!important;
}

.currentbtn:hover {
  background: #027aff;
  border-color: #027aff;
}

.currentbtn:active {
  background: #027aff;
  border-color: #027aff;
}

.currentbtn:focus {
  background: #027aff;
  border-color: #027aff;
}


.noramlbutton {
  padding: 8px 24px;
  background: #ffffff;
  border-radius: 4px;
  line-height: 1;
  color: #027aff;
  border: 1px solid #027aff;
  font-size: 14px;
  outline:none!important;
}

// 公用类

.clip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p_r {
  position: relative;
}

.flex {
  display: flex;
  align-items: center;
}

.center {
  justify-content: center;
}

// margin
.ml5 {
  margin-left: 5px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

// padding
.p0 {
  padding: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

// 字体大小
.f10 {
  font-size: 10px !important;
}

.f12 {
  font-size: 12px !important;
}

.f14 {
  font-size: 14px !important;
}

.f16 {
  font-size: 16px !important;
}

.f18 {
  font-size: 18px !important;
}

.f20 {
  font-size: 20px !important;
}

.f22 {
  font-size: 22px !important;
}

.f24 {
  font-size: 24px !important;
}

.bold {
  font-weight: bold !important;
}

// 行高
.lh14 {
  line-height: 14px !important;
}

.lh16 {
  line-height: 16px !important;
}

.lh18 {
  line-height: 18px !important;
}

.lh20 {
  line-height: 20px !important;
}

// 浮动
.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfloat {
  zoom: 1;
}

.clearfloat::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

// 文本对齐方式
.tc {
  text-align: center !important;
}

.tl {
  text-align: left !important;
}

.tr {
  text-align: right !important;
}

.c333 {
  color: #333 !important;
}

.c999 {
  color: #999 !important;
}

.cddd {
  color: #ddd !important;
}

// 禁止复制
.noCopy {
  user-select: none;
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  -ms-user-select: none;
  /*IE10*/
}

// /* 滚动条的宽度 */
// ::-webkit-scrollbar {
//   width: 10px;
//   height: 10px;
//   position: absolute;
//   left: 0;
//   color: transparent;
// }
// /* 滚动条的滑块 */
// ::-webkit-scrollbar-thumb {
//   background: rgba(0, 0, 0, 0.5);
//   border-radius: 5px;
// }

.font_red {
  color: #ff0000;
}

.font_orange {
  color: #ff9000;
}

.font_yellow {
  color: #d0bf00;
}

.font_green {
  color: #58b963;
}

.font_cyan {
  color: #82c7d6;
}

.font_blue {
  color: #21a9ff;
}

.font_purple {
  color: #3d02b6;
}

.font_disable {
  background: #909399 !important;
}

.font_warning {
  color: #e6a23c;
  font-weight: 700;
}

.font_danger {
  color: #f56c6c !important;
  font-weight: 700;
}

.font_success {
  color: #67c23a;
  font-weight: 700;
}
.row-warning {
  background: rgb(253, 246, 236) !important;
}
.cp {
  cursor: pointer !important;
}

.textLink {
  text-decoration: underline;
}


.tableStats-btn {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #027AFF;
  padding: 6px 24px;
  font-size: 14px;
  // line-height: 1;
  color: rgba(2, 122, 255, 1);
  background: #fff;
  box-sizing: border-box;


  cursor: pointer;

  user-select: none;
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  -ms-user-select: none;
  /*IE10*/
}

.tableStats-btn-active {
  background: rgba(2, 122, 255, 1);
  color: #fff;
}
.tableStats-btn-danger {
  background-color: #F56C6C;
  color: #fff;
}
.table-btn-danger{
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #F56C6C;
  padding: 6px 24px;
  font-size: 14px;
  // line-height: 1;


  box-sizing: border-box;


  cursor: pointer;

  user-select: none;
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  -ms-user-select: none;
  /*IE10*/
}